<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
  <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> -->
  <link rel="stylesheet" href="../libs/bootstrap-3.4.1-dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/wf_systemHomepage.css">
</head>

<body>
  <div class="wf-big-box">
    <div>
      <ul class="wf-first-table clear">
        <li>
          <div class="wf-first-name">学生总数</div>
          <div class="wf-first-num wf-students">3250</div>
          <div class="progress">
            <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
              style="width: 60%;">
            </div>
          </div>
          <div>20天内新增80%</div>
        </li>
        <li>
          <div class="wf-first-name">新生</div>
          <div class="wf-first-num wf-new-students">230</div>
          <div class="progress ">
            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0"
              aria-valuemax="100" style="width: 80%;">
            </div>
          </div>
          <div>25天内新增50%</div>
        <li>
          <div class="wf-first-name">总课程</div>
          <div class="wf-first-num wf-course">35</div>
          <div class="progress">
            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="60" aria-valuemin="0"
              aria-valuemax="100" style="width: 50%;">
            </div>
          </div>
          <div>20天内增加76%</div>
        </li>
        </li>
        <li>
          <div class="wf-first-name">收费</div>
          <div class="wf-first-num wf-toll">￥35500.00</div>
          <div class="progress">
            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0"
              aria-valuemax="100" style="width: 90%;">
            </div>
          </div>
          <div>30天内新增56%</div>
        </li>

      </ul>
      <div class="wf-sec-table" style="height: 100%; margin: 0">
        <canvas id="canvas" width="520" height="300">您当前的浏览器不支持</canvas>
      </div>
      <div class="wf-three-table">
        <div>老师名单</div>
        <ul class="wf-teacher-list">
          
        </ul>
        <button type="button" class="wf-check-all-teachers wf-check-all-button " >查看所有</button>
      </div>
      <div class="wf-four-table">
        <div>学生名单</div>
        <table class="table wf-table-list">
          <tr>
            <th>学生名称</th>
            <th>班级</th>
            <th>班主任</t>
            <th>入学时间</th>
            <th>操作</th>
          </tr>
          
        </table>
        <button type="button" class="wf-check-all-students wf-check-all-button wf-check-all-button-right">查看所有</button>
      </div>
    </div>



  </div>

  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"crossorigin="anonymous"></script> -->
  <script src="../libs/jquery-3.6.0.min.js"></script>
  <script src="../libs/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
  <script src="../js/wf_systemHomepage_fc.js"></script>
  <script src="../js/wf_systemHomepage.js" type="text/javascript"></script>
</body>

</html>